类: ToolTipService

dashboard.VisualNS.ToolTipService

Table of contents

构造方法

• constructor

方法

• hide
• move
• show

构造方法

constructor

• new ToolTipService()

方法

hide

▸ hide(): void

隐藏工具提示。

返回值

void

move

▸ move(pos): void

移动工具提示。

参数

返回值

void

示例代码

//当鼠标在图表上移动时更新工具提示位置。
private mouseMoveHandler = (e: any) => {
	this.visualHost.toolTipService.move({
	 x: d3.event.x,
	 y: d3.event.y,
	});
}

show

▸ show(config): void

显示工具提示。

参数

返回值

void

示例代码

// 此函数将绑定到图表的鼠标事件，它将显示带有标题、字段、选择信息和菜单按钮的工具提示。
private mouseEnterHandler = (node: any) => {
	this.visualHost.toolTipService.show({
	 position:{
	  x: d3.event.x,
	  y: d3.event.y,
	 }, 
	 title: node.data.color,
	 fields: [{
	  label: this.valueField,  
	  value: node.data.value,
	 }],
	 selectionId: node.data.selectionId,
	 selected:  this.selectionManager.getSelectionIds(),
  menu: true,
	});
}